<div class="main" v-loading="mixinTable_loading">
    <LayoutCell>
        <LayoutCellItem title="门店基础设置" class="base" style="border: 1px solid #eee;">
            <el-form ref="editForm" :model="form" label-width="80px" label-position="left">
                <el-form-item label="门店分红">
                    <el-radio-group v-model="form.switch">
                        <el-radio :label="1">开启</el-radio>
                        <el-radio :label="0">关闭</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="门店分红" v-if="form.switch == 1">
                    <el-input v-model="form.ratio"><template slot="append">%</template> </el-input>
                </el-form-item>
            </el-form>
            <div>
                <el-button @click="sum">提交</el-button>
            </div>
        </LayoutCellItem>
    </LayoutCell>

    <LayoutCell class="list">
        <LayoutCellItem title="门店独立设置" style="border: 1px solid #eee;height: 100%;">
            <!-- <div slot="option"> -->
                <el-button type="primary" @click="editBoxOpen({type:'add'})" style="margin-bottom:15px;">
                    新增设置
                </el-button>
            <!-- </div> -->
            <!-- 表格 -->
            <div class="table">
                    <el-table :data="mixinTable_tableData" border  height="530px" style="width: 100%;"
                    :ref="mixinPage_vueName+'TableSmall'" @selection-change="mixinTable_handleSelectionChangeTableSmall">
                    <el-table-column prop="id" width="50" align="center" label="ID">
                    </el-table-column>
                    <el-table-column prop="name" label="门店">
                    </el-table-column>
                    <el-table-column prop="created_at" label="创建时间">
                    </el-table-column>
                    <el-table-column label="平台提成">
                        <template slot-scope="scope">
                            {{ scope.row.ratio }}%
                        </template>
                    </el-table-column>
                    <el-table-column label="操作" width="200">
                        <template slot-scope="scope">
                            <el-button
                                @click="editBoxOpen({type:'update',id:scope.row.store_id,ratio:scope.row.ratio})">
                                修改</el-button>
                            <el-button type="danger" @click="del(scope.row.store_id)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
            <!-- 分页 -->
            <div class="page">
                 <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
                        @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
                        :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
                        :total.sync="mixinTable_pageData.total">
                </el-pagination>
            </div>
        </LayoutCellItem>
    </LayoutCell>
</div>